<template>
  <div class="repo-config-container base-page-container">
    <el-tabs class="repo-tabs" v-model="activeTab">
      <el-tab-pane label="入库配置" name="inbound">
        <inbound-config/>
      </el-tab-pane>
      <el-tab-pane label="出库配置" name="outbound">
        <outbound-config/>
      </el-tab-pane>
      <el-tab-pane label="仓内配置" name="warehouse">
        <warehouse-config/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import {ref} from 'vue'
import InboundConfig from './inbound-config.vue'
import OutboundConfig from './outbound-config.vue'
import WarehouseConfig from './warehouse-config.vue'

const activeTab = ref('inbound')
</script>

<style lang="scss" scoped>
.repo-config-container {
  padding: 10px 20px 10px 20px;
  height: 100%;

  .repo-tabs {
    height: 100%;

    .el-tab-pane {
      height: 100%;
    }
  }
}
</style>